<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="aaa">
   <!-- <div v-show="isShow">
        手机号码：<input type="text">
    </div>
    <div v-show="!isShow">
        邮箱：<input type="text">
    </div>
    <br>
    <input type="button" value="切换" @click="clickMe">-->

    <div v-if="isShow">
        手机号码：<input type="text">
    </div>
    <div v-else-if="!isShow">
        邮箱：<input type="text">
    </div>
    <br>
    <input type="button" value="切换" @click="clickMe">
</div>

</body>
</html>
<script src="./node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
    let dataobj = {
        isShow:true
    };
    let aa = new Vue({
        el: "#aaa",
        data: dataobj,
        methods: {
            clickMe() {
                this.isShow=!this.isShow
            }
        }
    })
</script>